<template>
  <div class="remark">
    <div class="title">备注:</div>
    <cube-textarea v-model="remark" placeholder="请输入内容"></cube-textarea>
  </div>
</template>

<script>
export default {
  name: 'OrderRemark',
  data() {
    return {
      remark: ''
    }
  },
  watch: {
    remark(v) {
      this.$emit('remark', v)
    }
  }
}
</script>

<style scoped lang="stylus">
.remark
  margin 10px
  padding 10px
  background white
  border-radius 10px
  text-align left
  min-height 60px
  display flex
  flex-direction column
  justify-content space-around
  .title
    font-weight 700
    padding-bottom 10px
</style>
